导航菜单
首页 >  HTML 图像 HTML 教程  > HTML 图像映射

HTML 图像映射

❮ 上一节下一节 ❯HTML 图像映射

使用 HTML 图像映射,您可以在图像上创建可单击的区域。

图像映射

标记定义了一个图像映射。图像映射是具有可单击区域的图像。区域由一个或多个标记定义。

尝试单击下图中的计算机、电话或咖啡杯:

Workplace 实例

以下是上面图像映射的 HTML 源代码:

Workplace

     

亲自试一试 »它是如何工作的?

图像映射背后的想法是,您应该能够根据您在图像中单击的位置执行不同的操作。

要创建图像映射,您需要一个图像和一些描述可单击区域的 HTML 代码。

Image 图像

使用 标记插入图像。与其他图像的唯一区别是必须添加 usemap 属性:

Workplace

usemap 值以 # 标记开始,后跟图像映射的名称,用于在图像和图像映射之间创建关系。

提示: 您可以使用任何图像作为图像地图!

创建图像映射

然后,添加 元素。

元素用于创建图像映射,并通过使用所需的 name 属性

相关推荐: